<!doctype html>
<html lang="en-us">
  <head>
    <title>hugo博客搭建 // My New Hugo Site</title>
    <meta charset="utf-8" />
    <meta name="generator" content="Hugo 0.69.2" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="author" content="John Doe" />
    <meta name="description" content="" />
    <link rel="stylesheet" href="https://ll2313673906.github.io/css/main.min.f90f5edd436ec7b74ad05479a05705770306911f721193e7845948fb07fe1335.css" />

    
    <meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="hugo博客搭建"/>
<meta name="twitter:description" content="什么是Hugo
hugo是一个通用网站框架，从技术上来说，Hugo是一个静态站点生成器。也就是说，不像WordPress，Ghost和Drupal之类的系统，会奢侈地为每一次访问都生成一次新页面，在你创造出内容时Hugo就已经把页面建好了。由于站点被访问的次数远远大于被编辑的次数，Hugo优化了网站访问的同时，提供了优异的写作体验
使用Hugo建站极其快速且非常安全。Hugo站点可以部署在任何地方，包括Heroku、GoDaddy、DreamHost、GitHub Pages、Google Cloud Storage、Amazon S3和CloudFront，也能在CDN群上工作的很好。Hugo站点的运行不依赖昂贵的运行环境，如Ruby、Python或者PHP，也不依赖任何数据库。
我们想让Hugo作为网站的创建工具。近乎秒建的速度，能够随时重新生成被修改的地方，Hugo为此提供了一个非常快的反馈环路。此反馈环路当你设计网站时非常简便，而当创建内容时也非常实用。
注意的点，
  hugo中的文档图片显示
   贴链接地址 在文件目录下的static文件下新建一个img文件用来存放图片，在文档中需要显示的地方	添加图片的相对路径     github上创建仓库的时候，以github.io结尾。前面的是自己github名   下载的主题，一定要在名为themes的文件下面才有效 上传到github的是public文件夹，并不是整个博客的文件夹  如何搭建hugo博客
1.	下载windows压缩文件
下载链接
2.	配置环境变量
新建一个文件，里面新建子目录bin，将解压好的hugo文件放于bin中，将bin目录配置到环境变量。
3. 检验是否安装成功
打开cmd 输入
hugo version 如下则显示安装成功
4.	创建博客
进入文件根目录 输入命令
hugo new site myblog myblog`：自己的文件名
5.	设置主题
 下载主题的地址 进入根目录下载主题 ，下载之后生成themes文件夹 m10c: 是主题的名字  mkdir themes // 创建一个themes的文件 cd themes //进入themes文件中 git clone https://github.com/vaga/hugo-theme-m10c.git 以上三句可以用一句来代替"/>

    <meta property="og:title" content="hugo博客搭建" />
<meta property="og:description" content="什么是Hugo
hugo是一个通用网站框架，从技术上来说，Hugo是一个静态站点生成器。也就是说，不像WordPress，Ghost和Drupal之类的系统，会奢侈地为每一次访问都生成一次新页面，在你创造出内容时Hugo就已经把页面建好了。由于站点被访问的次数远远大于被编辑的次数，Hugo优化了网站访问的同时，提供了优异的写作体验
使用Hugo建站极其快速且非常安全。Hugo站点可以部署在任何地方，包括Heroku、GoDaddy、DreamHost、GitHub Pages、Google Cloud Storage、Amazon S3和CloudFront，也能在CDN群上工作的很好。Hugo站点的运行不依赖昂贵的运行环境，如Ruby、Python或者PHP，也不依赖任何数据库。
我们想让Hugo作为网站的创建工具。近乎秒建的速度，能够随时重新生成被修改的地方，Hugo为此提供了一个非常快的反馈环路。此反馈环路当你设计网站时非常简便，而当创建内容时也非常实用。
注意的点，
  hugo中的文档图片显示
   贴链接地址 在文件目录下的static文件下新建一个img文件用来存放图片，在文档中需要显示的地方	添加图片的相对路径     github上创建仓库的时候，以github.io结尾。前面的是自己github名   下载的主题，一定要在名为themes的文件下面才有效 上传到github的是public文件夹，并不是整个博客的文件夹  如何搭建hugo博客
1.	下载windows压缩文件
下载链接
2.	配置环境变量
新建一个文件，里面新建子目录bin，将解压好的hugo文件放于bin中，将bin目录配置到环境变量。
3. 检验是否安装成功
打开cmd 输入
hugo version 如下则显示安装成功
4.	创建博客
进入文件根目录 输入命令
hugo new site myblog myblog`：自己的文件名
5.	设置主题
 下载主题的地址 进入根目录下载主题 ，下载之后生成themes文件夹 m10c: 是主题的名字  mkdir themes // 创建一个themes的文件 cd themes //进入themes文件中 git clone https://github.com/vaga/hugo-theme-m10c.git 以上三句可以用一句来代替" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://ll2313673906.github.io/post/blog/" />
<meta property="article:published_time" content="2020-05-03T16:22:16+08:00" />
<meta property="article:modified_time" content="2020-05-03T16:22:16+08:00" />


  </head>
  <body>
    <header class="app-header">
      <a href="https://ll2313673906.github.io"><img class="app-header-avatar" src="/avatar.jpg" alt="John Doe" /></a>
      <h1>My New Hugo Site</h1>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vehicula turpis sit amet elit pretium.</p>
      <div class="app-header-social">
        
      </div>
    </header>
    <main class="app-container">
      
  <article class="post">
    <header class="post-header">
      <h1 class ="post-title">hugo博客搭建</h1>
      <div class="post-meta">
        <div>
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-calendar">
  <title>calendar</title>
  <rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line>
</svg>
          May 3, 2020
        </div>
        <div>
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-clock">
  <title>clock</title>
  <circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline>
</svg>
          1 min read
        </div></div>
    </header>
    <div class="post-content">
      <p><strong>什么是Hugo</strong></p>
<p>hugo是一个通用网站框架，从技术上来说，Hugo是一个静态站点生成器。也就是说，不像WordPress，Ghost和Drupal之类的系统，会奢侈地为每一次访问都生成一次新页面，在你创造出内容时Hugo就已经把页面建好了。由于站点被访问的次数远远大于被编辑的次数，Hugo优化了网站访问的同时，提供了优异的写作体验</p>
<p>使用Hugo建站极其快速且非常安全。Hugo站点可以部署在任何地方，包括Heroku、GoDaddy、DreamHost、GitHub Pages、Google Cloud Storage、Amazon S3和CloudFront，也能在CDN群上工作的很好。Hugo站点的运行不依赖昂贵的运行环境，如Ruby、Python或者PHP，也不依赖任何数据库。</p>
<p>我们想让Hugo作为网站的创建工具。近乎秒建的速度，能够随时重新生成被修改的地方，Hugo为此提供了一个非常快的反馈环路。此反馈环路当你设计网站时非常简便，而当创建内容时也非常实用。</p>
<p><strong>注意的点，</strong></p>
<ol>
<li>
<p>hugo中的文档图片显示</p>
</li>
<li>
<ol>
<li>贴链接地址</li>
<li>在文件目录下的static文件下新建一个img文件用来存放图片，在文档中需要显示的地方	添加图片的相对路径</li>
</ol>
</li>
</ol>
<p><img src="/img/6.png" alt="img"></p>
<ol>
<li>github上创建仓库的时候，以github.io结尾。前面的是自己github名</li>
</ol>
<p><img src="/img/7.png" alt="img"></p>
<ol>
<li>下载的主题，一定要在名为themes的文件下面才有效</li>
<li>上传到github的是public文件夹，并不是整个博客的文件夹</li>
</ol>
<p><strong>如何搭建hugo博客</strong></p>
<p><strong>1.	下载windows压缩文件</strong></p>
<p><a href="https://github.com/gohugoio/hugo/releases">下载链接</a></p>
<p><strong>2.	配置环境变量</strong></p>
<p>新建一个文件，里面新建子目录bin，将解压好的hugo文件放于bin中，将bin目录配置到环境变量。</p>
<p><img src="/img/1.png" alt="img"></p>
<p><strong>3. 检验是否安装成功</strong></p>
<p>打开cmd 输入</p>
<pre><code>hugo  version 
</code></pre><p>如下则显示安装成功</p>
<p><img src="/img/2.png" alt="img"></p>
<p><strong>4.	创建博客</strong></p>
<p>进入文件根目录 输入命令</p>
<pre><code>hugo new site myblog
</code></pre><p>myblog`：自己的文件名</p>
<p><strong>5.	设置主题</strong></p>
<ol>
<li><a href="https://themes.gohugo.io/">下载主题的地址</a></li>
<li>进入根目录下载主题 ，下载之后生成themes文件夹</li>
<li>m10c: 是主题的名字</li>
</ol>
<pre><code>mkdir themes // 创建一个themes的文件
cd themes //进入themes文件中
git clone https://github.com/vaga/hugo-theme-m10c.git 
</code></pre><p>以上三句可以用一句来代替</p>
<pre><code class="language-git" data-lang="git">git clone https://github.com/vaga/hugo-theme-m10c.git themes/m10c
</code></pre><p><strong>6.    根目录下创建文章</strong></p>
<pre><code> 	hugo new post/blog.md
</code></pre><ol>
<li>在content下的post文件中创建了blog.md文件，用自己熟悉的编辑器打开并编写自己的博客，找到相应的文件更改自己的信息，比如头像，作者等。</li>
</ol>
<p><strong>7.     启动博客</strong></p>
<p>启动命令</p>
<pre><code>hugo server -t m10c --buildDrafts
</code></pre><ol>
<li>​	启动之后，访问生成的http://localhost:1313/</li>
<li>-t： 指定主题</li>
<li>m10c ：主题名</li>
</ol>
<p><img src="/img/3.png" alt="img"></p>
<p><strong>8.   部署到github上</strong></p>
<ul>
<li>
<ol>
<li>创建远程仓库</li>
</ol>
</li>
</ul>
<p><img src="/img/a.png" alt="img"></p>
<ul>
<li>
<ol>
<li>接下来敲命令</li>
</ol>
</li>
</ul>
<pre><code>hugo --theme=m10c --baseUrl=&quot;地址&quot; --buildDrafts
</code></pre><p><img src="/img/4.png" alt="img"></p>
<ul>
<li>
<ol>
<li>成功后会在根目录下生成一个public文件</li>
</ol>
</li>
</ul>
<p><img src="/img/5.png" alt="img"></p>
<ul>
<li>
<ol>
<li>将public文件上传到远程仓库</li>
<li>以下命令均在public文件夹中执行</li>
</ol>
</li>
</ul>
<pre><code>git init  
git add . 
git commit -m&quot;提交信息&quot; 
git remote add origin https://github.com/ll2313673906/ll2313673906.github.io.git 
git push origin master
</code></pre><ul>
<li>
<ol>
<li>访问仓库地址</li>
</ol>
</li>
</ul>
<p>​	<a href="https://ll2313673906.github.io">https://ll2313673906.github.io</a></p>

    </div>
    <div class="post-footer">
      
    </div>
  </article>

    </main>
  </body>
</html>
